const path = require('path')
const VueLoaderPlugin = require('vue-loader/lib/plugin')

// node中向外暴露配置对象
module.exports = {
    // 入口，表示要使用 webpack 打包哪个文件
    entry: path.join(__dirname,'./src/main.js'),
    // 出口，输出文件相关的配置
    output: {
        // 指定路径
        path: path.join(__dirname,'./dist'),
        // 指定输出的文件名称
        filename: 'bundle.js' 
    },
    module: {
        rules: [
            { test: /\.css$/, use: ['style-loader', 'css-loader'] },
            { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] },
            { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' },
            { test: /\.vue$/, use: 'vue-loader' },
            
            // 需要把 node_modules 目录，通过exclude选项将其排除掉
            { test: /\.js$/, use: 'babel-loader',exclude:/node_modules/ },
        ]
    },
    plugins: [
        new VueLoaderPlugin() // 将 rules 中的其他规则匹配给 .vue 文件
    ]
}